<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta  http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>社区出入</title>
		<!-- 新 Bootstrap 核心 CSS 文件 -->
		<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</head>

	<body>
		<div class="jumbotron text-center" style="margin-bottom:0;color:#158bb8">
			<h1>社区出入管理</h1>
		</div>

		<nav class="navbar navbar-inverse">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
					<a class="navbar-brand" href="#">JavaEE</a>
				</div>
				<div class="collapse navbar-collapse" id="myNavbar">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="#">社区主页</a>
						</li>
						<li>
							<a href="<c:url value="/newcg.html"/>">出入登记</a>
						</li>
						<li>
							<a href="<c:url value="/peolist.html"/>">社区内人员信息</a>
						</li>
						<li>
							<a href="<c:url value="/cglist.html"/>">出入社区人员信息</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>

		<div class="container">
			<div class="row">
				<div class="col-sm-5">
					<h2>温馨提示</h2>
					<div class="fakeimg"><img src="image/0.jpg" /> </div>
					<h3>外部链接</h3>
					<ul class="nav nav-pills nav-stacked">
						<li class="active">
							<a href="https://lib-nuanxin.xuetang.wqketang.com/course/87518" target="_blank">文泉课堂</a>
						</li>
						<li>
							<a href="https://canvas.zut.edu.cn/courses/717" target="_blank">Canvas</a>
						</li>
						<li>
							<a href="https://gitee.com" target="_blank">Gitee</a>
						</li>
						<li>
							<a href="https://gitee.com/i_promise/shequchuru2.git" target="_blank">小组码云</a>
						</li>
					</ul>
				</div>
				<div class="col-sm-7">
					<h2>核心内容</h2>
					<div id="myCarousel" class="carousel slide">
						<!-- 轮播（Carousel）指标 -->
						<ol class="carousel-indicators">
							<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
							<li data-target="#myCarousel" data-slide-to="1"></li>
							<li data-target="#myCarousel" data-slide-to="2"></li>
						</ol>
						<!-- 轮播（Carousel）项目 -->
						<div class="carousel-inner">
							<div class="item active">
								<img src="image/1.jpg" alt="First slide">
							</div>
							<div class="item">
								<img src="image/2.jpg" alt="Second slide">
							</div>
							<div class="item">
								<img src="image/3.jpg" alt="Third slide">
							</div>
							<div class="item">
								<img src="image/5.jpg" alt="Fourth slide">
							</div>
						</div>
						<!-- 轮播（Carousel）导航 -->
						<a class="carousel-control left" href="#myCarousel" data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span></a>
						<a class="carousel-control right" href="#myCarousel" data-slide="next"> <span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
					</div>
				</div>
			</div>
		</div>

		<div class="jumbotron text-center" style="margin-bottom:0">
			<p>中原工学院 计算机学院 计算机科学与技术系</p>
		</div>
	</body>

</html>